{{HEADER}}
<div class="row">
  <div class="large-12 columns">
    <div class="panel">
      <h3>Info Streamers</h3>
      <small>Si un champs n'est pas remplis, il ne sera pas generer</small>
      <div id="info-streamer">
        <form id="form-info-streamer">
          <select  id="streamer">
          </select>
          <br>
          Invité : <input type="text" id="invite_name"> 
          Url invite : <input type="text" id="invite_url">
          Début du live : <input type="text" id="starth"> 
          Fin du live :<input type="text" id="endh"> 
          Jeu : <input type="text" id="gamename"> 
          Url jeu : <input type="text" id="gameurl">
          IP : <input type="text" id="ip">
          <br>
          <input type="checkbox" id="lbant"> Libre antenne
          <br>
          <input class="button" type="submit" value="Create">
        </form>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <div class="large-5 columns panel">
    <textarea id="code"> 
    </textarea>
  </div>
  <div class="large-5 large-offset-0 columns panel">
   <div id="preview">
   </div>
 </div>
</div>
<script type="text/javascript" src="js/app.js"></script>
<script src="js/anytime.js"></script>
<script type="text/javascript">
  jQuery(function($) {
    $("#starth").AnyTime_picker(
      { format: "%Hh%i", labelTitle: "Heure",
      labelHour: "Heure", labelMinute: "Minute" } );

    $("#endh").AnyTime_picker(
      { format: "%Hh%i", labelTitle: "Heure",
      labelHour: "Heure", labelMinute: "Minute" } );
  });
</script>
{{FOOTER}}